<template>
	
	  <view class="row p-2 border-bottom border-light-secondary">
		  <!-- 左边图片 -->
		  <view class="span-6">
			  <image    class="w-100"   :src="item.titlepic" mode="widthFix"  ></image>
		  </view>
		  <!-- 右边文字描述 -->
		  <view class="span-14  d-flex flex-column pl-3">
			  <view class="font-weight font-md"> {{item.title}}</view>
			  <view  class=" font line-h-md text-light-muted mb-auto">{{item.desc}}</view>
			  <view> <price>{{item.pprice}}</price></view>
			  <view class="text-light-muted  font-sm"> {{item.comment_num}} 条评论   {{item.good_num}} 满意</view>
		  </view>
	  </view>
	
</template>

						<!-- title: "真无限蓝牙耳机",
						titlepic: "/static/images/demo/demo6.jpg",
						desc: "雅致简约 / 分体式入耳 / 收纳盒充电 / 蓝牙5.0 / 触控操作",
						pprice: 100,
						comment_num: 1300,
						good_num: "98%"
 -->

<script>
	
	import  price  from '@/components/common/price.vue'
	

	
	export  default  {
		
		components:{
			price
		},
		props:{
			item:{
				type:Object
			},
			index:{
				type:Number
			}
		}
	}
</script>

<style>
</style>
